<template>
  <div class="home">
    <keep-alive include="find">
      <router-view></router-view>
    </keep-alive>
    <div class="content"></div>

    <van-tabbar
      route
      active-color="#e40137"
      inactive-color="#b4b4bd"
      class="nav"
    >
      <van-tabbar-item to="/company">
        公司
        <template #icon>
          <i class="iconfont iconicon_footbar_gs_nor myicon"></i>
        </template>
      </van-tabbar-item>
      <van-tabbar-item to="/questions">
        刷题
        <template #icon>
          <i class="iconfont iconicon_footbar_st_nor myicon"></i>
        </template>
      </van-tabbar-item>
      <van-tabbar-item to="/find">
        发现
        <template #icon>
          <i class="iconfont iconicon_footbar_fx_nor myicon"></i>
        </template>
      </van-tabbar-item>
      <van-tabbar-item to="/my">
        我的
        <template #icon>
          <i class="iconfont iconicon_footbar_wode_sel myicon"></i>
        </template>
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
.home {
  height: 100%;
  background: #f7f4f5;
  .content {
    height: 85px;
  }
  .myicon {
    font-size: 36px;
  }
  .nav {
    background: #fcfcfc;
    padding-top: 7px;
    padding-bottom: 10px;
  }
}
</style>
